<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:body>

	<f:view>
		<ui:composition template="WEB-INF/templates/template.xhtml">
			
			
			
	<ui:define name="lilabg">
	<div id="lilabg">
		&nbsp;
	</div>
	</ui:define>
		    
		    
		    
		    
		    
		    
		    <ui:define name="content">
		    
		      <!-- SLIDER -->
  <!-- The Orbit slider is initialized at the bottom of the page by calling .orbit() on #slider -->

  <div class="row">
    <div class="twelve columns" style="z-index:3;">
    <div id="sliderbg">&nbsp;</div>
    <div id="sliderwrapper">
      <div id="slider">
        <img src="img/dummy/1000x400.gif" />
        <img src="img/dummy/1000x400.gif" />
        <img src="img/dummy/1000x400.gif" />
        <img src="img/dummy/1000x400.gif" />
      </div>
      
    </div>
      <hr />
    </div>
  </div>


  <!-- Three-up Content Blocks -->

  <div class="row secondRow">

    <div class="four columns">
      <h3>Headline</h3>
      <img src="img/dummy/400x300.gif" class="border" />
      <h4>This is a content section.</h4>
      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. </p>
    </div>

    <div class="four columns">
      <h3>Headline</h3>
      <img src="img/dummy/400x300.gif" class="border"  />
      <h4>This is a content section.</h4>
      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. </p>
    </div>

    <div class="four columns">
      <h3>Headline</h3>
      <img src="img/dummy/400x300.gif" class="border"  />
      <h4>This is a content section.</h4>
      <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit.</p>
    </div>

  </div>

<hr />

  <!-- EVENTS -->

  <div class="row eventslist">

    <div class="four columns">
    <h2>Top Bauernfestl</h2>
      <!--  one Event -->
      <div class="three columns">
        <a href="event.xhtml"><a href="event.xhtml"><img src="img/dummy/event1.jpg" /></a></a>
      </div>
      <div class="nine columns">
        <h4><a href="event.xhtml">Party Hard!</a></h4>
        <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. </p>
      </div>
      
      <!--  one Event -->
      <div class="three columns">
        <a href="event.xhtml"><img src="img/dummy/event2.jpg" /></a>
      </div>
      <div class="nine columns">
        <h4><a href="event.xhtml">Party Hard!</a></h4>
        <p>05. Nov 2012</p>
      </div>
    </div>

    <div class="four columns">
    <h2>Kommende Events</h2>
      <!--  one Event -->
      <div class="three columns">
        <a href="event.xhtml"><img src="img/dummy/event1.jpg" /></a>
      </div>
      <div class="nine columns">
        <h4><a href="event.xhtml">Party Hard!</a></h4>
        <p>Bacon ipsum dolor  duis velit. </p>
      </div>

	  <!--  one Event -->
      <div class="three columns">
        <a href="event.xhtml"><img src="img/dummy/event2.jpg" /></a>
      </div>
      <div class="nine columns">
        <h4><a href="event.xhtml">Party Hard!</a></h4>
        <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. </p>
      </div>
    </div>

    <div class="four columns">
    <h2>Irgendwas drittes</h2>
      <!--  one Event -->
      <div class="three columns">
        <a href="event.xhtml"><img src="img/dummy/event1.jpg" /></a>
      </div>
      <div class="nine columns">
        <h4><a href="event.xhtml">Party Hard!</a></h4>
        <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. </p>
      </div>

	  <!--  one Event -->
      <div class="three columns">
        <a href="event.xhtml"><img src="img/dummy/event2.jpg" /></a>
      </div>
      <div class="nine columns">
        <h4><a href="event.xhtml">Party Hard!</a></h4>
        <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. </p>
      </div>
      
    </div>
    
  </div>




  <!-- Call to Action Panel -->
  <!--
  <div class="row">
    <div class="twelve columns">

      <div class="panel">
        <h4>Get in touch!</h4>

        <div class="row">
          <div class="nine columns">
            <p>We'd love to hear from you, you attractive person you.</p>
          </div>
          <div class="three columns">
            <a href="#" class="radius button right">Contact Us</a>
          </div>
        </div>
      </div>

    </div>
  </div>
  -->
		    
		    </ui:define>
		    
		    
		    
		    
		    
		    
		    
		    <!-- Um das Menü im Footer zu ändern -->
		    <!-- <ui:define name="footer">
		    
		    </ui:define>-->
    
	    </ui:composition>
	</f:view>

</h:body>
</html>
